<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>个人注册</title>
    <link rel="stylesheet" href="./static/css/public.css">
    <link rel="stylesheet" href="./static/css/JDregister.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1468974_p4ozocj7gz.css">
    <link rel="icon" href="./static/imgs/favicon_1.ico">

</head>

<body>
    <!-- 头部logo -->
    <header>
        <div id="header">
            <div class="header_logo">
                <a href="#" class="logo"></a>
                <p class="huanyin">欢迎注册</p>
                <div class="have-account">
                    已有账号？
                    <a href="./JDrecord.html" target="blank">请登录></a>
                </div>
            </div>
        </div>
    </header>
    <!-- 注册导航部分 -->
    <article>
        <div id="progress-bar">
            <div class="clearfix">
                <p>
                    <span>1</span>
                    <span>验证手机号</span>
                </p>
                <span></span>
                <p class="next">
                    <span>2</span>
                    <span>填写账号信息</span>
                </p>
                <span></span>
                <p class="next">
                    <span>3</span>
                    <span>注册成功</span>
                </p>
            </div>
            <div class="mine">
                <div class="reg-form">
                    <form action="#" method="POST">
                        <div class="top_input">
                            <span>中国 0086 <a href="#" class="iconfont iconicon--copy"></a></span>
                            <input type="text" placeholder="建议使用常用手机号">
                            <p class="content_right"></p>
                            <p class="hidden_note">
                                <i class="iconfont iconiconcopy"></i>
                                <span class="content_error">验证完成后，你可以使用该手机登录或找回密码</span>
                            </p>
                        </div>
                        <div>点击按钮进行验证</div>
                    </form>
                    <div class="buttom">下一步</div>
                </div>
                <div class="reg-other">
                    <a href="#"><i class="bg_1"></i>企业用户注册</a>
                    <a href="#"><i class="bg_2"></i>海外用户注册</a>
                </div>
            </div>
        </div>
    </article>
    <!-- 脚步文字 -->
    <footer>
        <div id="footer">
            <span>
                <a href="#"> 关于我们</a>|
                <a href="#">联系我们</a>|
                <a href="#">人才招聘</a>|
                <a href="#">商家入驻</a>|
                <a href="#">广告服务</a>|
                <a href="#">手机京东</a>|
                <a href="#">友情链接</a>|
                <a href="#">销售联盟</a>|
                <a href="#">京东社区</a>|
                <a href="#">京东公益</a>|
                <a href="#">English Site</a>
            </span>
            <span>Copyright©2004-2019  京东JD.com 版权所有</span>
        </div>
    </footer>
</body>

<script src="./static/js/JDregister.js"></script>

</html>